@charset "utf-8";
/* reset */
html, body, div, span,applet, object, iframe, h1, h2, h3,      
h4, h5, h6, p,blockquote, pre, a, abbr, acronym,       
address, big, cite, code,del, dfn, em, font, img, ins,       
kbd, q, s, samp, small,strike, strong, sub, sup, tt,       
var, dl, dt, dd, ol, ul,li, fieldset, form, label, legend,       
table, caption, tbody,tfoot, thead, tr, th, td {       
	margin: 0;       
	padding: 0;       
	border: 0;       
	outline: 0;       
	font-weight: inherit;       
	font-style: inherit;       
	font-size: 100%;       
	font-family: inherit;       
	vertical-align: baselinebaseline;       
}       

:focus { 
	outline: 0;
}       f
a, a:link, a:visited,a:hover, a:active{
	text-decoration: none
}       
table { 
	border-collapse: separate;
	border-spacing: 0;
}       
th, td {	
	text-align: left;
	font-weight: normal;
}       
img, iframe {
	border: none; 
	text-decoration: none;
}       
ol, ul {
	list-style: none;
}       
input, textarea, select,button {
	font-size: 100%;
	font-family: inherit;
}       
select {
	margin: inherit;
}       
hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px;
}




/* universal */
#whole{
	height: auto;
	width: 100%;
}
#wrapper{
	width: 950px;
	margin: 0 auto;
	_position:relative;
	z-index:999999;
	1_margin-top:-25px;
	
	
}
#header{
	height: 135px;
	width: 100%;
    background-color: #2B60B5;
    border-bottom: 1px solid #cfcfcf;
    z-index:-1;
}
#head{
	height: 135px;
	width: 950px;
	margin: 0 auto;
}
.header-embellishment{
	margin-top: -1px;
	height: 10px;
	width: 100%;
	background-color: #9b9b9b;
}
.header-embellishment2{
	margin-top: -1px;
	height: 10px;
	width: 950px;
	background-color: #acacac;
	margin: 0 auto;
}
.logo{
	width: 315px;
	height: 120px;
	padding-top: 10px;
	float: left;
}
.logo p{
	color: #FFF;
	margin-left: 140px;
	font-size: 20px;
	font-weight: bold;
	font-family: "微软雅黑";
}
.logout{
	height: 40px;
	width: 100px;
	margin-top: -1px;
	float: right;
	background-color: #2193d2;
	border:1px solid #cfcfcf;
	cursor: pointer;
}
.logout:hover{
	background-color: #333b5d;
}
.logout img{
	margin-top: 8px;
	margin-left: 8px;
}
.special{
	float: right;
	margin-top: 65px;
	margin-right: -110px;
}
.gap{
	height: 50px;
}




/* footer */
.footer-stickToBottom{
	background-color: rgb(231, 230, 230);
	height: 40px;
	width: 100%;
	clear: both;
	position:fixed;
	bottom: 0px;
	border-top: 1px solid #cfcfcf;
	z-index: 1;
}
.footer{
	background-color: rgb(231, 230, 230);
	height: 38px;
	width: 100%;
	clear: both;
	border-top: 1px solid #cfcfcf;
	z-index: -1;
}
.copyright{
	font-size: 13px;
	color: black;
	clear: both;
	width: 400px;
	margin: 0 auto;
	text-align: center;
	padding-top: 6px;
	line-height: 1.2;
}
.bold{
	font-size: 13px;	
	font-weight: bold;
}
.copyright-wrong{
	font-size: 13px;
	color: white;
	clear: both;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom: 0;	
	line-height: 1.5;
}




/* home */
#homeWrapper{
	width: 750px;
	margin: 0 auto;
	margin-top: 40px;
	_margin-bottom:80px;
}
#personImg{
	width:750px;
	min-height:195px; 
	height:auto; 
	margin:0 auto;
	padding-top: 10px;
}
#line1
{
	margin-top: 10px;
	width: 750px;
	height: 50px;
}
#line2{
	width: 750px;
	height: 50px;
	margin-top: 2px;
}

.mail{
	width: 374px;
	height: 50px;
	float: left;
	cursor: pointer;
	background: rgb(33, 147, 210) url(../image/home-mail.png) 18px 12px no-repeat;
}
.mail:hover{
	background-color: #333b5d;
}
.person{
	width: 374px;
	height: 50px;
	float: left;
	margin-left: 2px;
	cursor: pointer;
	background: rgb(83, 83, 83);
}
.person:hover{
	background-color: black;
}
.leftTraffic{
	width: 374px;
	height: 50px;
	float: left;
	background: rgb(83, 153, 104)  /*url(../image/home-wifi.png) 18px 12px no-repeat*/;
}
.usedTraffic{
	width: 374px;
	height: 50px;
	float: left;
	margin-left: 2px;
	background-color: rgb(230, 0, 18) ;
}
.mail-b{float: right; color: white; font-size: 16px; margin-right: 20px; margin-top: 16px;}
.mail-b b{ margin-right:15px;}


/* management */

	
#managementWrapper{ 
	width: 750px; 
	margin: 0 auto; 
	font-family: "微软雅黑"; 
	height:800px;
	z-index:0;
	
}
.step{ 
	width:750px; 
	height:194px;
	margin-bottom: 2px;
	_margin-bottom: 0.5px;
	background:white;
}
.stepImg{
	width:184px; 
	float:left;
}
.managementTitle{ 
	margin-top: 40px;
	_margin-top:10px;
	width:120px; 
	float:left; 
}
.managementTitle li{
	font-size: 16px;
	color: gray;
	margin-bottom: 13px;
	_margin-bottom: 20px;
	height:21px;
	width:120px;
}
.modifyPassword{
	margin-top: 3px;
}
.modifyPassword li{
	margin-bottom: 10px;
    _margin-bottom:0.5px;
	height:26px;
}
.color1{
	background-color: #e60012;
	float: right;
	width: 200px;
	height: 195px;
}
.color2{
	background-color: #333b5d;
	float: right;
	width: 200px;
	height: 194px;
}
.color3{
	background-color: #539968;
	float: right;
	width: 200px;
	height: 194px;
}
.managementPerson{
	float: right;
	margin-top: -60px;
}
.backToHome{
	width: 750px;
	height: 50px;
	background-color: #2193d2;
	cursor: pointer;
	margin-top:3px;	
}
.backToHome p{
	color: white;
	text-align: center;
	font-size: 20px;
	line-height: 2.5;	
}
.backToHome:hover{
	background-color: #2b60b5;	
}
.pas{ 
	width:264px;
}
.pas li{width:264px;height:35px;}
.pass{ 
	width:264px;
	_width:200px;
}
.modifyPassword{width:380px;}

.modifyPassword li a:hover{background-color:#0096db;}
.opener_d:hover{background-color:#000;}
#opener_a:hover,.opener_b:hover,#opener_c:hover{background-color:#3c5c5c;}
.opener_d{color:white;border:none; background-color:#333b5d;width:170px;height:54px;cursor:pointer;_margin-left:4px;}
.opener_b{float:left; color:white;border:none; background-color:#539968;width:170px;height:63px;cursor:pointer;}
#opener_a{float:left; margin-top:2px;color:white;border:none; background-color:#539968;width:170px;height:63px;cursor:pointer;}
#opener_c{float:left; margin-top:2px; color:white;border:none; background-color:#539968;width:170px;height:64px;cursor:pointer;}

/* register */
/*#regLeft{
	width: 415px;
	height: 480px;
	float: left;
	margin-top: 10px;
	background-color:#42a3d9;
}
.regForm{_position:absolute;width:500px;;position:relative;z-index:9999999;}
.regLeft_page{width:360px;margin:0 auto;margin-top:20px;letter-spacing:2px;font-family:"微软雅黑";color:#ffffff;}
.p{color:#ffffff; height:40px; line-height:40px; font-size:20px;}
*/
#regRight{
	width: 950px;
	height: 600px;
	/* background-image: url(../image/registration-listBgImg.png); */
	background-color:#e60012;
	background-repeat:no-repeat;
	margin-bottom: 2px;
	1_margin-top: -25px;
	z-index:99999;
	
}
#regRight p{
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	width:100px;
	height:43px;
	padding-top:18px;
	margin-left:150px;
	font-family:"微软雅黑";
	font-spacing:2px;
}
.listTitle{ 
	_width:120px;
	height:80px;
	color:#FFF;
	padding-left:40px;
	_margin-top:5px;
	float:left;
	font-family:"微软雅黑";
	_position:relative;
	
}
.listTitle li{
	margin-top:28px;
	height:38px;
}

.listTextBox{
	margin-top:5px;
	_margin-top:0;
	
	float:left;
	width:550px;
	color:#FFF;
	font-family:"微软雅黑";
	_position:relative;
	z-index:99999999;

}
.listTextBox li{
	margin-top:25px;
	margin-left: 10px;
	height:40px;
	
}
.textBox-a{
	width:159px;
	height:21px;
	
}
.listTextBox img{
	width:65px;
	height:27px;     	
}
.textBox-b{
	width:82px;
	height:21px;
	1float:left;
}
.regBtn{
	background: transparent url(../image/registration-registerBtn.png);
	background-repeat: no-repeat;
	border:0;
	width:94px;
	height:46px;
	text-indent:-999999px;
	cursor:pointer;
	float:right;
	margin-right:125px;/*与.imgyzm的margin-right同时调节*/
}
.regBtn p{
	margin-top:10px;
}
.regBtn:hover{
	background: url(../image/registration-registerBtn-hover.png) no-repeat;
}

.imgyzm{
	margin-left:8px;
	display:inline;
	float:right;
	margin-right:30px;/*与.regBtn的margin-right同时调节*/
	cursor:pointer;
}
.imgyzmindex{
	margin-left:8px;
	display:inline;
	float:right;
	margin-right:132px;
	cursor:pointer;
}

#description{
	width: 360px;
	height: 430px;
	float: right;
	margin-top: -500px;
	margin-right: 40px;
	_margin-right:15px;
	background-color: #a40000;
}
.description-words{
	margin:0 auto;
	margin-top:20px;
	margin-left: 20px;
	margin-right: 20px;
	font-size:14px;
	letter-spacing:2px;
	font-family:"微软雅黑";
	color:#ffffff;
}
.description-p{
	color:#ffffff; 
	height:40px; 
	line-height:40px; 
	font-size:20px;
}



/* regSuccess */
#successRight{
	width: 530px;
	height: 625px;
	background-image: url(../image/regularListBgImg.png);
	float: right;
	margin-top: -150px;
	margin-bottom: 20px;
}
#successWords{
	color:#FFF;
	padding-left: 10px;
	font-size:24px;
	font-weight:bold;
	font-family:"微软雅黑";
	text-align:center;
}
.happy{
	width:190px;
	height:281px;
	margin:0 auto;
	display:block;
	padding-top:50px;
	padding-left: 10px;
}
#jumpLink{
	color:#FFF;
	font-size:14px;		
	font-family:"微软雅黑";
	text-align:center;
	padding-top:20px;
	padding-left: 10px;
}

.warning_register{ color:white; font-size:14px; font-weight:bold;position:relative;left:60px;top:-20px;}

/* login */
#loginHeader{  
	width:864px; 
	margin:0 auto;
	position:relative;
}
.loginHeader-left{ 
	width:770px; 
	float:left;

}

/*head problemsolve1*/
.loginHeader-left p{position:relative;left:100px;top:100px;color:white;font-size:14px;}

#problemsolve{background-color: rgb(231, 230, 230);
	height: 30px;
	width: 100%;
	clear: both;
	position: absolute;
	top: 0;
	border-top: 1px solid #cfcfcf;
	z-index: -1;}
#problemsolve p{
	color:red;
	font-size: 13px;
	
	clear: both;
	width: 600px;
	margin: 0 auto;
	text-align: center;
	padding-top: 6px;
	line-height: 1.2;}
#loginWrapper{ 
	width:864px; 
	height:360px; 
	margin:0 auto;
	position:relative; 
	margin-top: -1px;
}
.seeMore{ 
	width:110px; 
	height:41px;
	background:#66B84C;
	float:right;
	text-align:center; 
	margin-top: -42px;
	_margin-top:-45px;
	position:relative;
}
#hide{
	width:176px;
	height:192px; 
	background-color:rgb(102,184,76); 
	position:absolute; 
	top:70px;
	left:866px;
	z-index:99999;
}
.landscape{ 
	width:419px; 
	height:311px; 
	margin-top: 0px; 
	float:left;
	overflow:hidden;
}
.middle{
	width:50px;
	height:311px; 
	margin-top: -2px;
	float:left; 
	background-color:#1ba1df;
	overflow:hidden;
}
.loginForm{
	width:395px; 
	height:311px;
	margin-top: -2px;
	float:right;
	background-color:#2677b8; 
	position:relative;
	display:block;
}
.words{ 
	position:relative;
      top:-15px;
      left:-30px;
	font-size:36px; 
	font-family:"微软雅黑"; 
	width:296px;
	color:white;
}
.forgetPassword{
	font-size:12px;
	text-decoration:underline;
}
.loginForm ul li{ 
	list-style:none; 
	padding-top:26px; 
	line-height:26px; 
	height:26px; 
	font-family:"微软雅黑";
	
}
.loginForm ul li a{text-decoration:underline;}
.loginBtn_login{ 
	position:absolute;
	left: 270px; 
	_left:290px;
	top:200px;
	_top:210px;
	width: 73px; 
	height: 30px;
	border: 0; 
	background: url(../image/login-loginBtn.png) no-repeat; 
	cursor: pointer;
}
.login-registerBtn{ 
	position:absolute; 
	left: 362px;
	top:274px;
}
.loginTitle{ 
	width:60px;
	float:left;
	height:200px; 
	margin-left:20px; 
	color:white;
}
.loginTextBox{ 
	float:left;
	_float:right;
	_width:280px;
}
.loginTextBox a{ 
	color:#FFF;
}
#seeMore_p{font-family:"微软雅黑" , Arial, Helvetica, sans-serif;line-height:41px;}
.verificationCode{ 
	display:block;
	float:left;
	margin-left:15px;
	margin-top: 2px;
}
.textBox-1{
	width:140px;
	height:22px;
}
.textBox-2{
	width:70px;
	height:22px;
	float:left;

}
.white{
	color:white;
}

.warning{ color:red; height: 16px; margin-left:80px;  font-weight:bold; font-size:14px;width:265px;}


#link_{
	position:absolute; 
	left: 8px;
	top:280px;
	text-decoration:underline;
}
.state{width:220px;float:right;line-height:31px;color:pink;font-size: 12px;margin-left: 10px;}
.list_title{width:120px;display:block;float:left;text-align:right;line-height:27px;}

/* wrong */
#sad{
	width:230px;
	height:230px;
	clear: both;
	margin-top: 100px;
	float:left;
}

#words{
	width:425px;
	height:50px;
	float:left;
	padding-top:190px;
	padding-left:60px;
}


/*input count*/
#inputcount{width:750px;height:200px; background: #2B60B5;border:4px solid #ECEFF1;font-family:"微软雅黑";color:white;}
.inputcount_input{width:470px; margin:0 auto; height:50px; margin-top:50px;}
#inputcount_input{width:500px; margin:0 auto; height:50px; margin-top:20px;}
.inputcount_inputxue{width:479px; margin:0 auto; height:25px; margin-top:25px;}
#inputcount p{color:white;margin-left:5px; margin-top:5px;}
#inputcount_sub{margin-top:10px; }
#example_input{width:200px;float:right;_margin-top:-24px;}
/*sendmail*/
.sendmail{width:300px; margin:0 auto; margin-top:50px;}


.red{color:red;}